// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/section-heading';
@import '~@mozilla-protocol/core/protocol/css/templates/multi-column';

.c-section-title {
    @include text-title-md;
}

.c-subsection-title {
    @include text-title-sm;
}

.mzp-c-card .mzp-c-card-media-wrapper {
    background: transparent;
}

.c-callout-cta {
    margin-top: $spacing-lg;
}

.principles-other {
    margin-top: $layout-lg;
    padding: $spacing-lg 0;

    .mzp-c-card {
        background: transparent;

        .mzp-c-card-block-link:hover,
        .mzp-c-card .mzp-c-card-block-link:active,
        .mzp-c-card .mzp-c-card-block-link:focus {
            box-shadow: 0 0 0 4px $color-marketing-gray-30;
        }
    }
}

.c-highlight {
    background: $color-marketing-gray-20;
    border-radius: $border-radius-sm;
    margin: $layout-md 0 $layout-lg;
    padding: $spacing-md;
}

.c-highlight-title {
    @include text-body-lg;

    span {
        @include text-body-sm;
        display: block;
        font-weight: normal;
    }
}

.mzp-c-callout-compact.contact {
    background-color: $color-marketing-gray-30;
}
